<template>
  <div class="Purchase">
    <el-tabs v-model="activeTab" class="Purchase-tabs">
      <el-tab-pane label="采购登记" name="register">
        <PurchaseRegister />
      </el-tab-pane>
      <el-tab-pane label="采购记录" name="records">
        <PurchaseRecords />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import PurchaseRegister from './register/index.vue'
import PurchaseRecords from './records/index.vue'

const activeTab = ref('register')
</script>

<style scoped lang="scss">
.Purchase {

  &-tabs {
    width: 100%;
  }
}
</style>
